@charset "utf-8";
@media (max-width:1200px) {
html{line-height:20px;font-size:12px;}
.topench {padding:0 3%}

.mobmenu { position:absolute; z-index:9999; display:block;top:42px;left:80%;margin-left:-10px; width:21px;}
.mobmenu .openmenu { background:url(../images/openmenu.png) no-repeat;width:21px; height:21px; cursor:pointer;}
.mobmenu .closemenu { background:url(../images/closemenu.png) no-repeat;width:21px; height:21px; cursor:pointer; display:none}
.navmenu { height:40px; line-height:40px}
.navmenu ul {top:70px;float:none; position:absolute; z-index:9999;left:0;width:100%;padding:0;margin:0;background:rgba(0,0,0,0.8); height:1500px; text-align:center; display:none;padding-top:20px;}
.navmenu ul li { display:block;width:100%; height:50px; line-height:50px;margin:0;padding:0;}
.navmenu ul li.l1 a{width:100%;}
.navmenu ul li a {padding:0;font-size:14px;margin:0; height:50px; line-height:50px;border:0; text-align:center;width:100%;color:#e8ba5a;}
.navmenu ul li a:hover,.navmenu ul li.check a,.navmenu ul li:hover>a,.navmenu ul li a:hover{ background:none}
.navmenu ul li.l1 a:hover,.navmenu ul li.l1.check a,.navmenu ul li.l1 a:hover { background:none;}
.navmenu ul li:hover>dl,.navmenu ul li dl dd:hover>dl { display:none}

.topench span { display:none;}
.navmenu .logo {width:91px; height:20px;margin-top:11px; background-size:100%;margin-left:2%;}
.toptel {margin-top:6px;margin-left:0px; line-height:14px;margin-right:3%; letter-spacing:0.7px}
.toptel p {font-size:14px; letter-spacing:0}

.maincontent {margin-top:70px}

/* flexslider */
.flexslider,.slides li,.slides li a{height:500px;}
.slides li{background-size:cover;}
.flex-control-nav{bottom:5px;}
.flex-control-nav li{width:8px;height:8px;margin:0 5px;}
.flex-control-nav a{width:8px;height:8px;}
.flex-direction-nav li a{width:20px;height:38px;margin-top:-19px; background-size:100%;}
.flex-direction-nav li a.flex-prev{left:3%;background-size:100%;}
.flex-direction-nav li a.flex-next{right:3%;background-size:100%;}

.indnews {padding:30px 3% 5px 3%}
.indnewssubject {font-size:18px;}
.indnews .indnewssubject  {margin-bottom:20px}
.mmore {height:18px; line-height:18px; width:50px;font-size:12px}

.indnews {padding-bottom:30px}
.indnews .pics {width:30%;}
.indnews .pics img {width:100%}
.indnews .firstnews {width:30%;margin:0 3%;}
.indnews .firstnews .title { height:22px; line-height:22px;}
.indnews .firstnews .content{line-height:20px; height:160px;margin:5px 0 10px 0}
.indnews .list {width:34%;}
.indnews .list li {margin-bottom:20px}
.indnews .list .pic {width:23%}
.indnews .list .cons {width:72%;}
.indnews .list .cons .title2 { height:22px;}
.indnews .list .cons .content2 { height:40px; line-height:20px;margin:5px 0 5px 0;}

.flexslider2 {padding-bottom:0px}
.flexslider2,.slides2 li,.slides2 li a{height:auto;}
.flexslider2 .flex-control-nav{bottom:0px;}
.flexslider2 .flex-control-nav li{width:20px}
.flexslider2 .flex-control-nav a{width:20px;}



.blankin { height:20px}
.foot {padding:20px 3%}
.foot dl {margin-right:3%;max-width:70px}
.foot dt {margin-bottom:5px}
.foot dt a {font-size:14px}
.foot .footconctact {padding-left:3%}
.foot .footconctact .tel {font-size:18px; line-height:30px;margin-bottom:35px}
.foot .footconctact .wb {width:30px; height:23px; background-size:100%}
.foot .footconctact .wx {width:28px; height:23px;background-size:100%; background-repeat:no-repeat}
.foot .footconctact .wx:hover p{ bottom:30px;left:-37px;width:100px;}
.foot .footwx,.foot .footwx img {width:100px; height:auto}

.indpro {padding:20px 3%}
.indpro .subject {font-size:18px}
.indpro ul {margin-top:20px}
.indpro li {padding:0 0 15px 0}
.indpro li .title2 {margin-top:5px}
.indpro li .title2 a { font-size:14px;}
.indpro li .gg {margin:5px 0}
.indpro li .gg a { height:25px; line-height:25px;font-size:14px;max-width:94%;}
.indpro li .title { overflow:hidden; height:20px; line-height:20px}
.indpro li .title a { padding:0 3%;}

.indtech li .list i,.indtech li .list .title{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}

.mainsubject {padding:0 0 20px 0}
.mainsubject .title {font-size:18px; line-height:25px;}
.mainsubject .cons {font-size:12px;margin:5px auto 0 auto;}
.mainsubject2 .title {font-size:18px; line-height:25px;}

.indtech {padding:20px 3%}
.indtech .mainsubject .cons,.indcapi .mainsubject .cons{max-width:100%}
.indtech li{ position:relative}
.indtech li .cons .list {bottom:auto;top:0; height:100%}
.indtech li .list i {width:70px; position:absolute; z-index:1;top:50%;left:50%;margin-left:-35px;margin-top:-55px}
.indtech li .list .title {font-size:16px; margin-top:10px; position:absolute; z-index:1; text-align:center;top:50%;width:100%;margin-top:35px}
.indtech li .list .content { padding:3%;width:94%; position:absolute; bottom:-10%; z-index:1;top:auto;margin-top:auto}
.indtech li:hover .list .content {bottom:0}
.indtech li:hover .list i {top:45%}
.indtech li:hover .list .title {top:45%}

.indproduction {padding:20px 3%}
.indproduction li {border-bottom:3px solid #fff;padding:0 0 25px 0;}
.indproduction li.no {margin-right:0}
.indproduction .mainsubject .cons {max-width:100%}
.indproduction li .title {font-size:16px;margin:15px 3% 10px 3%;}
.indproduction li .content {margin:0 3%; line-height:20px; height:60px;}
.indproduction li#id2 {border-top:3px solid #fff;padding:0 0 0 0;}
.indproduction li#id2 .pic {margin-top:25px;}

.indcapi {padding:20px 3%;}
.indcapi ul{margin-top:40px}
.indcapi li {width:24.25%;float:left;margin-right:1%;}
.indcapi li.no {margin-right:0}
.indcapi li .pic {width:80px; height:80px;margin-top:-40px}
.indcapi li .pic img {width:40px; height:40px;margin:20px auto 0 auto}
.indcapi li .title {font-size:18px;margin:30px 0 5px 0}
.indcapi li .content {font-size:12px; height:60px; line-height:20px; overflow:hidden;padding:0 3%}

.indxl {padding:20px 0;}
.indxl .wrap { background:url(../images/1.gif) repeat-x 0px 76px}
div.slideControl ul.pagination{margin:0px auto 15px auto;}
div.slideControl ul.pagination li{width:33.3333% !important;line-height:16px;margin:0}
div.slideControl ul.pagination li a{font-size:12px}
div.slideControl ul.pagination li p {margin-top:10px;padding:0 6%}
div.slideControl ul.pagination li i {width:15px; height:15px;}


.indcase {padding:20px 3%}
.indcase ul {margin-top:30px}
.indcase li {padding:0 0 20px 0}
.indcase li.no {margin-right:0}
.indcase li .icon { height:3px;width:40px;}
.indcase li .title {font-size:18px;margin:20px 0 10px 0}
.indcase li .content {line-height:20px; height:60px;padding:0 6%}

.indabout { padding:20px 3%}
.indabout .subject { font-size:18px;margin:0 0 20px 0}
.indabout .leftabout {float:left;width:45%;}
.indabout .rightvideo {float:right;width:50%;}
.indabout .rightvideo iframe { height:300px;}
.indabout .leftabout .title {font-size:18px; line-height:25px;border-left:3px solid #444;padding-left:10px}
.indabout .leftabout .cons {margin:15px 0 15px 0}
.indabout .leftabout .more img {width:100px}

.indmap {padding:7% 3%}
.indmap .cons {font-size:16px; line-height:25px;}
.indmap .icon {width:116px; height:25px;margin:5% auto 1% auto}
.indmap .tel {font-size:25px;}

.bannerin { height:150px; background-size:cover;}

.mcate { border-bottom:0; height:auto;margin:15px 0 20px 0; position:relative}
.mcate ul { position:relative; bottom:auto;top:0;z-index:1;width:100%; text-align:center}
.mcate ul li {margin:0 2%;}
.mcate ul li a {border-bottom:1px solid #edeff1; height:30px; line-height:30px;font-size:14px;}

.mcate2 {margin:-10px 0 15px 0}
.mcate2 li { margin:0 10px}

.about1 p {right:0;bottom:0px; font-size:16px;line-height:20px;width:auto; height:auto;padding:5px 10px;}
.about2 {font-size:16px; line-height:25px;margin:20px 3%}
.about3 {padding:0 3%}
.about3 td {width:100%;float:none; display:block}
.about3 .tr2 td {padding-top:20px;}
.about3 .tr2 .td3 {padding-top:0}

.mission {max-width:100%;margin:20px 3%;}
.missionleft {float:left;width:45%;margin-left:3%}
.missionright {float:right;margin-right:3%}
.missionleft .pic {margin-bottom:20px}

.value {margin-top:-30px;padding:0 3%}
.value li {float:left;width:32.3333%;margin-right:1.5%;margin-top:30px}
.value li.no {margin-right:0}
.value li .title {font-size:18px;margin:20px 0 }
.value li .title span { margin-top:-10px;font-size:20px;margin-left:5px;}

.style1 { padding:20px 3%;margin-top:20px; background:#dee5f2;}
.style1 .subject {font-size:18px;margin-bottom:20px}
.style1 .cons .pic {float:left;width:60%;}
.style1 .cons .content {float:right;width:37%; line-height:20px; height:auto;}
.style1 .cons .icon { display:none;}
.style1 .list {float:left;width:32%;margin:20px 2% 0 0;}
.style1 .listno {margin-right:0}
.style2 {background:#bbf1d7;}
.style3 {background:#e2f1ea;}

.hohorcate {width:300px;margin:0px auto 10px auto; height:30px; line-height:30px;}
.hohorcate li {margin:0 20px}
.hohorcate li a {font-size:14px; height:42px; line-height:30px}

.honor li {float:left;width:32%;margin:0 2% 2% 0;}
.honor li.no {margin-right:0}
.page_wrap {padding:15px 0 0px 0;}
.pager a,.pager span.current,.pager span.disabled{width:20px; height:20px; line-height:20px;}

.adv1 {padding:20px 3%}
.adv1 .mainsubject2 .cons {max-width:100%}
.adv1ul li {float:left;margin-right:0.5%;width:24.625%;padding-bottom:25px}
.adv1ul li.l4 {margin-right:0}
.adv1ul li .icon { width:40px; height:40px;margin:20px auto 0 auto; background-size:100%}
.adv1ul li.l1 .icon {background-size:100%}
.adv1ul li.l2 .icon {background-size:100%}
.adv1ul li.l3 .icon {background-size:100%}
.adv1ul li.l4 .icon {background-size:100%}
.adv1ul li .title {font-size:16px; height:16px; line-height:16px;padding:0 6%;margin:20px 0 10px 0;}
.adv1ul li .cons { line-height:20px; height:100px; padding:0 6%;}
.adv1ul li:hover .icon { background-position:0 -40px}

.adv2 {padding:20px 3%}
.adv2 .mainsubject2 .cons {max-width:100%}
.adv2 ul {margin-top:70px}
.adv2 li {float:left;margin-right:2%;width:19.5%;padding:0 2%;padding-bottom:20px;}
.adv2 li.l4 {margin-right:0}
.adv2 li .pic{width:135px; height:135px; margin-left:-66px;top:-68px;font-size:16px;}
.adv2 li .pic h1 {font-size:25px; height:25px; line-height:25px; overflow:hidden;margin-top:40px}
.adv2 li .pic h2 {height:30px; line-height:30px;font-size:16px}
.adv2 li .cons { line-height:20px; height:80px; margin-top:90px}
.adv3 {padding:20px 0 0 0}

.product {margin-top:-20px;padding:0 3%}
.product li {float:left;width:32.6666%;margin:0 1% 1% 0;}
.product li.no {margin-right:0}
.product li .title {font-size:14px;padding:5px 3%}
.product li .title h1,.product li .title h2 { height:20px; line-height:20px;font-size:12px;}
.product li .title h2 {font-size:12px}
.product li .cons {width:94%;padding:0 3%; font-size:12px;}
.product li .cons .type {font-size:12px; margin-top:19%}
.product li .cons .titles {margin:0px 0 10px 0}
.product li .cons .icon { width:40px; height:40px; background-size:100%}

.proshow_title {border-left:2px solid #3e3939;font-size:16px;padding-left:15px;margin-top:20px}
.proshow_pics {margin:20px 0}
.proshow_subject {font-size:16px;padding-left:20px; height:40px; line-height:40px;}
.proshow_cons {padding:20px 0 20px 0;}
.proshow_cons td {padding:3px;line-height:16px;}
.mainshow { padding:0 20px;margin-bottom:30px}

.case {margin-top:0px}
.case li .title {padding:5px 6%}
.case li .cons .titles {font-size:12px;margin-top:30%}

.case_title {margin-top:20px;margin-bottom:-5px}
.case_share {padding:0 0 15px 0}
.case_share div {width:270px;margin-left:auto;margin-right:-10px}
.prevnext {padding:15px 0 20px 0}

.contacttop {margin:20px 0 25px 0}
.contacttop .td1 {width:37%}
.contacttop .td2 {width:53%;padding:10px 3%}
.contacttop .td2 .title {font-size:18px; line-height:25px;margin-bottom:10px}
.contacttop .td2 .cons {font-size:12px}

.contactleft {float:left;width:57%;margin-left:3%}
.contactright {float:right;width:32%;margin-right:3%;}
.contactleft ul {padding:15px 0}
.contactleft ul li {float:left;width:50%;padding-right:5%}
.contactleft ul li.l2 {width:45%;padding-right:0}
.contactleft ul li .title {font-size:16px;padding-bottom:5px}
.contactleft .subject {font-size:16px;margin-bottom:-8px}

.contactright .pic {margin-bottom:10px}
.contactright input[type="text"] {height:55px; line-height:55px;width:100%;}
.contactright textarea {margin-top:15px; line-height:25px; height:100px;}
.contactright #btn { height:40px; line-height:40px;font-size:16px; letter-spacing:2px;margin-top:20px}
.contactright p #getcode_char { top:15px; height:25px;}

.news {margin-top:-20px;padding:0 3%}
.news li {float:left;width:24.25%;margin:0 1% 1% 0; padding:0 0 15px 0}
.news li.no {margin-right:0%}
.news li .cons { line-height:20px; height:40px; padding:0 6%;margin-top:10px}
.news li .addtime {padding:0 6%;margin-top:20px;}
.news li .addtime i { width:20px; height:9px; background-size:100%; right:6%;top:6px;}
.news li:Hover .addtime i { background-position:0 -9px}

.news_title {padding-right:110px; line-height:20px;font-size:14px;padding-left:10px}
.news_title p { font-size:12px;}

.search li {padding:10px 3%; }
.noresult {padding:20px 0}



}

@media (max-width:768px) {
.flexslider,.slides li,.slides li a{height:350px;}
.foot dl {margin-right:0;max-width:100%;float:none; text-align:center;margin-bottom:15px}
.foot dl.d4 {max-width:100%}
.foot .footconctact {padding-left:0; text-align:center;border:0;float:none;}
.foot .footconctact .tel { text-align:center;margin-bottom:20px}
.foot .footwx {margin:0 auto; text-align:center;float:none;margin-top:20px}

.indnews {padding-bottom:10px}
.indnews .pics {width:35%;}
.indnews .firstnews {width:60%;margin:0;float:right}
.indnews .firstnews .title { height:22px;}
.indnews .firstnews .content{height:40px;margin-bottom:5px}
.indnews .list {width:100%;float:none; clear:both;padding-top:20px}
.indnews .list .pic {width:35%}
.indnews .list .cons {width:60%;}
.indnews .list .cons .title2 { height:22px;}
.indnews .list .cons .content2 { height:40px; line-height:20px;margin:5px 0 5px 0;}

.flexslider2 {padding-bottom:0px}
.flexslider2,.slides2 li,.slides2 li a{height:auto;}
.flexslider2 .flex-control-nav{bottom:0px;}

.indpro ul {margin-top:10px}
.indpro li {padding:0 0 10px 0;width:48%;margin:1%;}
.indpro li.no {margin:1%}

.honor li {width:48%;margin:1%}
.honor li.no {margin:1%}

.adv2 ul {margin-top:-20px}
.adv2 li {margin:1%;width:42%;padding:0 3%;padding-bottom:15px;margin-top:90px}
.adv2 li.l4 {margin:1%;margin-top:90px}

.product li {width:48%;margin:1%;}
.product li.no {margin:1%}
.product li .cons .type {margin-top:15%}

.contactleft {float:none;width:94%;margin:0 3%}
.contactright {float:none;width:94%;margin:20px 3% 0 3%;}
.contactleft ul li {float:none;width:100%;padding-right:0%;padding:0 0 0px 0}
.contactleft ul li.l2 {width:100%;padding-right:0;border-top:1px solid #ccc;padding:15px 0 0 0;margin-top:15px}

.news li {width:48%;margin:1%; padding:0 0 15px 0}
.news li.no {margin:1%;}
div.visual ul.slides_container { height:378px}

}

@media (max-width:640px) {
.flexslider,.slides li,.slides li a{height:250px;}
.flexslider2 {padding-bottom:0px}
.flexslider2,.slides2 li,.slides2 li a{height:auto;}
.flexslider2 .flex-control-nav{bottom:0px;}
.indtech ul {margin-top:-20px}
.indtech li {margin-right:0%;width:100%;float:none;margin-top:20px}
.indtech li.no {margin-right:0}

.indproduction ul {margin-top:-20px}
.indproduction li {float:none;width:100%;margin:20px auto;border:0}
.indproduction li.no {border:0;}
.indproduction li#id2 {border:0;}
.indproduction li .content {height:auto; overflow:visible;}
.indproduction li .title {margin:15px 3% 5px 3%;}
.indproduction li#id2 .title {padding-top:15px;}

.indcapi ul{margin-top:-20px}
.indcapi li {width:48%;margin:1%;margin-top:60px}
.indcapi li.no {margin:1%;margin-top:60px}
.indcapi li .content { height:60px}

.indcase ul {margin-top:-5px}
.indcase li {float:none;width:100%;margin-right:0%;margin-top:20px;}
.indabout .leftabout {float:none;width:100%;}
.indabout .rightvideo {float:none;width:100%;margin-top:20px}
.indabout .rightvideo iframe { height:250px;}
.bannerin { height:100px;}

.missionleft {float:none;width:94%;margin:0 3%}
.missionright {float:none;margin:20px 3% 0 3%}

.value {margin-top:20px}
.value li {float:none;width:100%;margin-right:0;margin-top:20px}
.value li.no {margin-right:0}
.value li .title {margin:15px 0 5px 0 }

.style1 .cons .pic {float:none;width:100%;}
.style1 .cons .content {float:none;width:100%;margin-top:20px}
.style1 .list {float:none;width:100%;margin:20px 0 0 0;}

.adv1ul li {margin:1%;width:48%;padding-bottom:20px}
.adv1ul li.l4 {margin:1%}

.contacttop .td1 {width:100%;float:none; display:block}
.contacttop .td2 {width:94%;padding:15px 3%;float:none; display:block}
div.visual ul.slides_container { height:315px}



}

@media (max-width:480px) {
.flexslider,.slides li,.slides li a{height:180px;}
.flexslider2 {padding-bottom:0px}
.flexslider2,.slides2 li,.slides2 li a{height:auto;}
.flexslider2 .flex-control-nav{bottom:0px;}
.product li .cons .type {margin-top:12%}
.product li .cons .icon { width:30px; height:30px; }
div.visual ul.slides_container { height:236px}

}
@media (max-width:420px) {
div.visual ul.slides_container { height:207px}
}
@media (max-width:375px) {
div.visual ul.slides_container { height:185px}
}